<template>
	<view>
		<view class="phone">
			手机号码
		</view>

		<view class="ipt_phone">
			<input maxlength="11" type="text" value="" />
		</view>

		<view class="phone">
			验证码
		</view>

		<view class="ipt_phone">
			<input maxlength="6" type="text" value="" />
			<view class="ma">
				获取验证码
			</view>
		</view>


	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style lang="scss">
	page {
		background-color: #F2F4FA;
	}

	.phone {
		margin: 42rpx 0 31rpx 42rpx;
		font-size: 26rpx;
		font-family: PingFang SC;
		font-weight: 400;
		color: #181818;
	}

	.ipt_phone {
		margin-left: 30rpx;
		width: 690rpx;
		height: 88rpx;
		background: #FFFFFF;
		border-radius: 44rpx;
		position: relative;
		input {
			position: absolute;
			left: 30rpx;
			width: 400rpx;
			height: 88rpx;
		}

		.ma {
			position: absolute;
			right: 0;
			text-align: center;
			line-height: 88rpx;
			width: 210rpx;
			height: 88rpx;
			background: #F48F5B;
			border-radius: 44rpx;
			font-size: 26rpx;
			font-family: PingFang SC;
			font-weight: 400;
			color: #FFFFFF;
		}
	}
</style>
